<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="icon" href="https://s01.mifile.cn/favicon.ico" type="image/x-icon" />
    <link rel="stylesheet" href="../css/xiaomi.css">
    <link rel="stylesheet" href="../css/iconfont/iconfont.css">
    <!-- 引入jq -->
    <script src="../lib/js/jquery.min.js"></script>
    <!-- 引入bootstrap -->
    <script src="../lib/bootstrap/js/bootstrap.js"></script>
    <script src="../lib/layer/layer.js"></script>

    <link rel="stylesheet" href="../lib/layui/css/layui.css">
    <script src="../lib/layui/layui.js"></script>
    <style>
        .classify{
            height: 40px;
            font-size: 12px;
            line-height: 40px;
            background: #f5f5f5;
           
        }
        .classify a,span{
             color: #757575;
        }
        .mobile_phone{
            padding-top: 14px;
            height: 2676px;
        }
        .mobile_phone .phone_field{
            font-size: 18px;
            color: #ff6700;
            font-weight: 400;
            cursor: pointer;
            height: 62px;
            border-bottom: 1px solid #e0e0e0;
        }
        /* .phone_list{
             margin-top: 40px 
        } */
        .mobile_phone .phone_list{
              height: 806px;
              overflow: hidden;
        }
        .mobile_phone .phone_list ul>li{
            width: 244px;
            height: 132px;
            /* background-color: palegoldenrod; */
            padding-top: 24px;
            border-right: 1px solid #e0e0e0;
            border-bottom: 1px solid #e0e0e0;
            text-align: center;
            list-style: none;
            display: inline-block;
            overflow: hidden;
            margin: -2px;
        }
        .mobile_phone .phone_list ul li:nth-child(5n){
            border-right: none;
        }
        .phone_list ul>li a img{
            width: 70px;
            height: 70px;
        }
        .phone_list ul li a p{
            margin-top: 20px;
            color: #757575;
            font-size: 14px;
        }
    </style>
</head>
<body>
    <!-- 导航栏 -->
    <div class="header">
        <div class="common">
            <div class="left">
               <a href="#">小米商城</a><span class="sep">|</span>
               <a href="#">MIUI</a><span class="sep">|</span>
               <a href="#">loT</a><span class="sep">|</span>
               <a href="#">云服务</a><span class="sep">|</span>
               <a href="#">天星数科</a><span class="sep">|</span>
               <a href="#">有品</a><span class="sep">|</span>
               <a href="#">小爱开放平台</a><span class="sep">|</span>
               <a href="#">企业团购</a><span class="sep">|</span>
               <a href="#">资质证照</a><span class="sep">|</span>
               <a href="#">协议规则</a><span class="sep">|</span>
               <a href="#">下载app</a><span class="sep">|</span>
               <a href="#">智能生活</a><span class="sep">|</span>
               <a href="#">SelectLocation</a>
            </div>
            <div class="right">
                <div class="loginright">
                    <!--   <a>欢迎尊贵的<span style="color:pink">leon</span></a></li><span>|</span>
                        <li><a href="javascript:;" class="logout">退出</a><span>|</span> -->
                
                <a href="../pages/login.html">登录</a><span>|</span>
                <a href="../pages/register.html">注册</a><span>|</span>
                </div>
                   
                <a href="#">消息通知</a>
                <div class="cart iconfont">
                    <a href="#">&#xe601;&nbsp;&nbsp;
                    购物车</a>
                    <!-- (<i>0</i>) -->
                </div>
        </div>
    </div>
    </div>
    <!-- log -->
    <div class="logo">
        <div class="common">
            <h1 class="left">
                <a href="https://www.mi.com/index.html">小米首页</a>
             </h1>   
            <div class="center">
                <ul>
                    <li><a href="#">Xiaomi手机</a></li>
                    <li><a href="#">Readmin红米</a></li>
                    <li><a href="#">电视</a></li>
                    <li><a href="#">笔记本</a></li>
                    <li><a href="#">平板</a></li>
                    <li><a href="#">家电</a></li>
                    <li><a href="#">路由器</a></li>
                    <li><a href="#">服务</a></li>
                    <li><a href="#">社区</a></li>
                </ul>
            </div>
            <div class="right">
               <from action="#">
                   <input type="text" placeholder="手机"><input  class="iconfont" type="submit" value="&#xe60b;">
                </from>
            </div>
        </div>
    </div>
    <!-- 分类 -->
    <div class="classify">
        <div class="common">
            <a href="./index.html">首页</a><span>&nbsp;&nbsp;&nbsp;/&nbsp;&nbsp;&nbsp;</span>
            <a href="./all.html">全部商品分类</a>
        </div>
    </div>
    <!-- 分类商品栏 -->
    <div class="mobile_phone">
        <div class="common">
            <!-- 手机栏 -->
            <h2 class="phone_field iconfont"><span style="font-size: 24px;">&#xe662;</span>&nbsp;&nbsp;&nbsp;手机</h2>
            <div class="phone_list">
                 <ul id="list">
                <!--  <li><a href=""><img src="../img/sjlb1.png"><p>Redmi K50 电竞版</p></a></li>
                  <li><a href=""><img src="../img/sjlb1.png"><p>Redmi K50 电竞版</p></a></li>
                  <li><a href=""><img src="../img/sjlb1.png"><p>Redmi K50 电竞版</p></a></li>
                  <li><a href=""><img src="../img/sjlb1.png"><p>Redmi K50 电竞版</p></a></li>
                  <li style="border-right: none;"><a href=""><img src="../img/sjlb1.png"><p>Redmi K50 电竞版</p></a></li>
                  <li><a href=""><img src="../img/sjlb1.png"><p>Redmi K50 电竞版</p></a></li>
                  <li><a href=""><img src="../img/sjlb1.png"><p>Redmi K50 电竞版</p></a></li>
                  <li><a href=""><img src="../img/sjlb1.png"><p>Redmi K50 电竞版</p></a></li>
                  <li><a href=""><img src="../img/sjlb1.png"><p>Redmi K50 电竞版</p></a></li>
                  <li style="border-right: none;"><a href=""><img src="../img/sjlb1.png"><p>Redmi K50 电竞版</p></a></li>
                  <li><a href=""><img src="../img/sjlb1.png"><p>Redmi K50 电竞版</p></a></li>
                  <li><a href=""><img src="../img/sjlb1.png"><p>Redmi K50 电竞版</p></a></li>
                  <li><a href=""><img src="../img/sjlb1.png"><p>Redmi K50 电竞版</p></a></li>
                  <li><a href=""><img src="../img/sjlb1.png"><p>Redmi K50 电竞版</p></a></li>
                  <li style="border-right: none;"><a href=""><img src="../img/sjlb1.png"><p>Redmi K50 电竞版</p></a></li>
                  <li><a href=""><img src="../img/sjlb1.png"><p>Redmi K50 电竞版</p></a></li>
                  <li><a href=""><img src="../img/sjlb1.png"><p>Redmi K50 电竞版</p></a></li>
                  <li><a href=""><img src="../img/sjlb1.png"><p>Redmi K50 电竞版</p></a></li>
                  <li><a href=""><img src="../img/sjlb1.png"><p>Redmi K50 电竞版</p></a></li>
                  <li style="border-right: none;"><a href=""><img src="../img/sjlb1.png"><p>Redmi K50 电竞版</p></a></li>
                  <li><a href=""><img src="../img/sjlb1.png"><p>Redmi K50 电竞版</p></a></li>
                  <li><a href=""><img src="../img/sjlb1.png"><p>Redmi K50 电竞版</p></a></li>
                  <li><a href=""><img src="../img/sjlb1.png"><p>Redmi K50 电竞版</p></a></li>
                  <li><a href=""><img src="../img/sjlb1.png"><p>Redmi K50 电竞版</p></a></li>
                  <li style="border-right: none;"><a href=""><img src="../img/sjlb1.png"><p>Redmi K50 电竞版</p></a></li> -->
                </ul>
            </div>
            <!-- 出行穿戴 -->
            <h2 class="phone_field iconfont"><span style="font-size: 24px;">&#xe662;</span>&nbsp;&nbsp;&nbsp;出行&nbsp;&nbsp;&nbsp; 穿戴</h2>
            <div class="phone_list">
                <ul id="list1">
                <!--   <li><a href=""><img src="../img/sjlb1.png"><p>Redmi K50 电竞版</p></a></li>
                  <li><a href=""><img src="../img/sjlb1.png"><p>Redmi K50 电竞版</p></a></li>
                  <li><a href=""><img src="../img/sjlb1.png"><p>Redmi K50 电竞版</p></a></li>
                  <li><a href=""><img src="../img/sjlb1.png"><p>Redmi K50 电竞版</p></a></li>
                  <li style="border-right: none;"><a href=""><img src="../img/sjlb1.png"><p>Redmi K50 电竞版</p></a></li>
                  <li><a href=""><img src="../img/sjlb1.png"><p>Redmi K50 电竞版</p></a></li>
                  <li><a href=""><img src="../img/sjlb1.png"><p>Redmi K50 电竞版</p></a></li>
                  <li><a href=""><img src="../img/sjlb1.png"><p>Redmi K50 电竞版</p></a></li>
                  <li><a href=""><img src="../img/sjlb1.png"><p>Redmi K50 电竞版</p></a></li>
                  <li style="border-right: none;"><a href=""><img src="../img/sjlb1.png"><p>Redmi K50 电竞版</p></a></li>
                  <li><a href=""><img src="../img/sjlb1.png"><p>Redmi K50 电竞版</p></a></li>
                  <li><a href=""><img src="../img/sjlb1.png"><p>Redmi K50 电竞版</p></a></li>
                  <li><a href=""><img src="../img/sjlb1.png"><p>Redmi K50 电竞版</p></a></li>
                  <li><a href=""><img src="../img/sjlb1.png"><p>Redmi K50 电竞版</p></a></li>
                  <li style="border-right: none;"><a href=""><img src="../img/sjlb1.png"><p>Redmi K50 电竞版</p></a></li>
                  <li><a href=""><img src="../img/sjlb1.png"><p>Redmi K50 电竞版</p></a></li>
                  <li><a href=""><img src="../img/sjlb1.png"><p>Redmi K50 电竞版</p></a></li>
                  <li><a href=""><img src="../img/sjlb1.png"><p>Redmi K50 电竞版</p></a></li>
                  <li><a href=""><img src="../img/sjlb1.png"><p>Redmi K50 电竞版</p></a></li>
                  <li style="border-right: none;"><a href=""><img src="../img/sjlb1.png"><p>Redmi K50 电竞版</p></a></li>
                  <li><a href=""><img src="../img/sjlb1.png"><p>Redmi K50 电竞版</p></a></li>
                  <li><a href=""><img src="../img/sjlb1.png"><p>Redmi K50 电竞版</p></a></li>
                  <li><a href=""><img src="../img/sjlb1.png"><p>Redmi K50 电竞版</p></a></li>
                  <li><a href=""><img src="../img/sjlb1.png"><p>Redmi K50 电竞版</p></a></li>
                  <li style="border-right: none;"><a href=""><img src="../img/sjlb1.png"><p>Redmi K50 电竞版</p></a></li>-->
                </ul> 
            </div>


            <!-- 家电 -->
            <h2 class="phone_field iconfont"><span style="font-size: 24px;">&#xe662;</span>&nbsp;&nbsp;&nbsp;家电</h2>
             <div class="phone_list">
                <ul id="list2">
                <!--  <li><a href=""><img src="../img/sjlb1.png"><p>Redmi K50 电竞版</p></a></li>
                  <li><a href=""><img src="../img/sjlb1.png"><p>Redmi K50 电竞版</p></a></li>
                  <li><a href=""><img src="../img/sjlb1.png"><p>Redmi K50 电竞版</p></a></li>
                  <li><a href=""><img src="../img/sjlb1.png"><p>Redmi K50 电竞版</p></a></li>
                  <li style="border-right: none;"><a href=""><img src="../img/sjlb1.png"><p>Redmi K50 电竞版</p></a></li>
                  <li><a href=""><img src="../img/sjlb1.png"><p>Redmi K50 电竞版</p></a></li>
                  <li><a href=""><img src="../img/sjlb1.png"><p>Redmi K50 电竞版</p></a></li>
                  <li><a href=""><img src="../img/sjlb1.png"><p>Redmi K50 电竞版</p></a></li>
                  <li><a href=""><img src="../img/sjlb1.png"><p>Redmi K50 电竞版</p></a></li>
                  <li style="border-right: none;"><a href=""><img src="../img/sjlb1.png"><p>Redmi K50 电竞版</p></a></li>
                  <li><a href=""><img src="../img/sjlb1.png"><p>Redmi K50 电竞版</p></a></li>
                  <li><a href=""><img src="../img/sjlb1.png"><p>Redmi K50 电竞版</p></a></li>
                  <li><a href=""><img src="../img/sjlb1.png"><p>Redmi K50 电竞版</p></a></li>
                  <li><a href=""><img src="../img/sjlb1.png"><p>Redmi K50 电竞版</p></a></li>
                  <li style="border-right: none;"><a href=""><img src="../img/sjlb1.png"><p>Redmi K50 电竞版</p></a></li>
                  <li><a href=""><img src="../img/sjlb1.png"><p>Redmi K50 电竞版</p></a></li>
                  <li><a href=""><img src="../img/sjlb1.png"><p>Redmi K50 电竞版</p></a></li>
                  <li><a href=""><img src="../img/sjlb1.png"><p>Redmi K50 电竞版</p></a></li>
                  <li><a href=""><img src="../img/sjlb1.png"><p>Redmi K50 电竞版</p></a></li>
                  <li style="border-right: none;"><a href=""><img src="../img/sjlb1.png"><p>Redmi K50 电竞版</p></a></li>
                  <li><a href=""><img src="../img/sjlb1.png"><p>Redmi K50 电竞版</p></a></li>
                  <li><a href=""><img src="../img/sjlb1.png"><p>Redmi K50 电竞版</p></a></li>
                  <li><a href=""><img src="../img/sjlb1.png"><p>Redmi K50 电竞版</p></a></li>
                  <li><a href=""><img src="../img/sjlb1.png"><p>Redmi K50 电竞版</p></a></li>
                  <li style="border-right: none;"><a href=""><img src="../img/sjlb1.png"><p>Redmi K50 电竞版</p></a></li>-->
                </ul>
            </div> 


        </div>
    </div>
    <div class="footer"> 
        <div class="common">
            <div class="row">
               <ul>
                <li>预约维修服务</li>
                <li>7天无理由退货</li>
                <li>15天无理由退货</li>
                <li>满69包邮</li>
                <li>520余家售后网点</li>
               </ul>
                <!-- <ul>
                    <li>预约维修服务</li>
                    <li>7天无理由退货</li>
                    <li>15天无理由退货</li>
                    <li>满69包邮</li>
                    <li>520余家售后网点</li>
                </ul> -->
                <dl>
                    <dt>帮助中心</dt>
                    <dd>账户管理</dd>
                    <dd>账户管理</dd>
                    <dd>账户管理</dd>
                </dl>
                <dl>
                    <dt>帮助中心</dt>
                    <dd>账户管理</dd>
                    <dd>账户管理</dd>
                    <dd>账户管理</dd>
                </dl>
                <dl>
                    <dt>帮助中心</dt>
                    <dd>账户管理</dd>
                    <dd>账户管理</dd>
                    <dd>账户管理</dd>
                </dl>
                <dl>
                    <dt>帮助中心</dt>
                    <dd>账户管理</dd>
                    <dd>账户管理</dd>
                    <dd>账户管理</dd>
                </dl>
                <dl>
                    <dt>帮助中心</dt>
                    <dd>账户管理</dd>
                    <dd>账户管理</dd>
                    <dd>账户管理</dd>
                </dl>
                <dl>
                    <dt>帮助中心</dt>
                    <dd>账户管理</dd>
                    <dd>账户管理</dd>
                    <dd>账户管理</dd>
                </dl>
                <div class="box1">
                    <h2>400-100-5678</h2>
                    <h5>8:00-18:00（仅收市话费）</h5>
                    <p>人工客服</p>
                    <div class="gz">关注小米：
                    <!DOCTYPE html>
                    <html lang="en">
                    <head>
                        <meta charset="UTF-8">
                        <meta http-equiv="X-UA-Compatible" content="IE=edge">
                        <meta name="viewport" content="width=device-width, initial-scale=1.0">
                        <title>Document</title>
                    </head>
                    <body>
                        
                    </body>
                    </html>
                    </div>
                </div>
             </div>
        </div>
    </div>
    <!-- 案底 -->
    <div class="copy">
        <div class="common">
           
           <div class="conent">
               <p><a href="#">小米商城</a>
                <a href="#">小米商城</a>
                <a href="#">小米商城</a>
                <a href="#">小米商城</a>
                <a href="#">小米商城</a>
                <a href="#">小米商城</a>
                <a href="#">小米商城</a>
                <a href="#">小米商城</a>
                <a href="#">小米商城</a>
                <a href="#">小米商城</a>
                <a href="#">小米商城</a>
                <a href="#">小米商城</a>
            </p>
            <p>
                <a href="#">小米商城</a>
                <a href="#">小米商城</a>
                <a href="#">小米商城</a>
                <a href="#">小米商城</a>
            </p>
            <p class="banquan">
                <a href="#">© mi.com 京ICP证110507号</a>
                <a href="#">© mi.com 京ICP证110507号</a>
                <a href="#">© mi.com 京ICP证110507号</a>
                <a href="#">© mi.com 京ICP证110507号</a>
                <br>
                <a href="#">© mi.com 京ICP证110507号</a>
                <a href="#">© mi.com 京ICP证110507号</a>
                <a href="#">© mi.com 京ICP证110507号</a>
            </p>
           </div>
           <div class="zi">让全球每个人都能享受科技带来的美好生活</div>
           
        </div>
    </div>
</body>
</html>
<script src="../js/all.js"></script>
<script src="../js/ajax.js"></script>